<div [@flyIn]="'active'">

  <div class="wrapper-sm">
    <div class="panel panel-default m-b-n-xs" style="border-radius:5px">
      <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >

        <div class="m-t-xs m-t-sm">
          <span>{{'sysmanage.account.head.LEFT_TITLE1'|translate}}</span>
          <i class="fa fa-angle-right"></i>
          <span>{{'sysmanage.account.head.LEFT_TITLE2'|translate}} </span>
          <i class="fa fa-angle-right"></i>
          <span>{{'sysmanage.account.head.LEFT_TITLE3'|translate}}</span>
          <i class="fa fa-angle-right"></i>
          <span>分配角色</span>
        </div>

      </div>
    </div>
  </div>
  <div class="wrapper-md">
    <div class="panel panel-default">
      <div class="row">
        <div class="col-md-4 col-md-offset-3">
          <div id="treeview-checkable" ></div>
          <div style="text-align:center">
            <a class="btn btn-info btn-sm" (click)="save()">确定</a>
            <a class="btn btn-sm btn-default" routerLink="../../">返回</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
